 * {
     margin: 0;
     padding: 0;
 }

 .box {
     width: 100%;
 }

 .top {
     width: 70%;
     position: absolute;
     display: flex;
     justify-content: space-around;
     left: 20%;
     top: 10px;
     z-index: 999;
 }

 .t-left img {
     width: 250px;
     height: 50px;
 }

 .t-middle {
     padding-top: 10px;

     .middele1 {
         display: none;
     }
 }

 .t-middle ul {
     list-style-type: none;
     display: flex;
 }

 .t-middle ul li {
     margin: 0 5px;
     color: #fff;

     a {
         text-decoration: none;
         color: #000;
     }
 }

 .t-right {
     padding-top: 10px;
 }

 .t-right img {
     width: 30px;
     height: 30px;
 }

 /* 轮播图 */
 .swiper img {
     width: 100%;
     z-index: 1;
 }

 /* News */
 .News {
     padding: 20px 0;
     background: linear-gradient(to top, #f2f2f2, #fff);
 }

 .News .n-box {
     width: 80%;
     margin: 0 auto;
 }

 .News .n-title {
     text-align: center;
     font-weight: bold;
     padding-top: 20px;
 }

 .n-title div:nth-child(1) {
     color: #c90000;
     font-size: 25px;
     position: absolute;
     left: 46.2%;
 }

 .n-title .bian {
     background: -webkit-linear-gradient(#d7d7d7, #f1f1f1);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     padding-top: 6px;
 }

 .n-middle {
     padding-top: 20px;
     margin: 20px 0;
     display: flex;
     justify-content: space-between;
 }

 .n-m-left {
     width: 49%;
 }

 .n-m-left img {
     width: 100%;
 }

 .n-middle .n-m-right {
     width: 49%;
     background-color: #fff;
     padding: 10px;
 }

 .n-m-title {
     font-weight: bold;
     font-size: 20px;
     word-spacing: 10px;
     letter-spacing: 2px;
 }

 .n-m-line {
     width: 70%;
     height: 2px;
     background-color: #e6e6e6;
     margin: 30px 0;
 }

 .n-m-text {
     color: #de6b6b;
     margin-left: 20px;
 }

 .n-m-b {
     display: flex;
     align-items: center;
 }

 .n-m-b-text {
     color: #abaaaa;
     font-size: 15px;
     word-spacing: 10px;
     letter-spacing: 2px;
 }

 .n-m-b-bottom {
     margin-top: 120px;
     display: flex;
     justify-content: space-between;
 }

 .n-m-b-b-left img {
     width: 35px;
     height: 35px;
     margin: 0 10px;
 }

 .n-m-b-b-left img:nth-child(2) {
     transform: rotate(180deg); // 旋转45度
 }

 .n-m-b-b-left img:hover {
     filter: drop-shadow(0 0 0 #ce1919);
 }

 .n-m-b-b-right span {
     font-size: 30px;
     color: #ce1919;
 }

 .n-bottom {
     display: flex;
     justify-content: space-between;

     .n-b-para {
         width: 30%;
         padding: 20px 10px;
         background-color: #fdfdfd;

         .n-b-p-title {
             font-weight: bold;
         }

         .n-b-p-text {
             font-size: 15px;
             margin-top: 10px;
         }

         .n-b-p-num {
             text-align: right;
             margin-top: 10px;
         }
     }

     .n-b-para:hover {
         color: #ce1919;
         box-shadow: 2px 2px 2px 1px #dbdbdb;
     }
 }

 .more {
     width: 100%;
     height: 20px;
     line-height: 20px;
     margin-top: 30px;
     margin-bottom: 50px;
     text-align: center;
     color: silver;

     img {
         width: 1%;
         transform: rotate(180deg);
     }
 }

 // 党建引领
 .lead {
     padding: 20px 0;

     .l-box {
         width: 80%;
         margin: 0 auto;

         .l-title {
             padding-top: 20px;
             text-align: center;
             font-weight: bold;

             div:nth-child(1) {
                 color: #c90000;
                 font-size: 25px;
                 position: absolute;
                 left: 46.2%;
             }

             div:nth-child(2) {
                 background: -webkit-linear-gradient(#d7d7d7, #f1f1f1);
                 -webkit-background-clip: text;
                 -webkit-text-fill-color: transparent;
                 padding-top: 6px;
             }
         }

         .l-middle {
             padding-top: 20px;
             display: flex;
             justify-content: space-between;

             .l-m-para {
                 width: 30%;
                 box-shadow: 2px 2px 2px 1px #dbdbdb;
                 margin-top: 30px;

                 .img {
                     width: 100%;

                     img {
                         width: 100%;
                     }
                 }

                 .m-content {
                     width: 85%;
                     margin: 0 auto;
                     background-color: #fff;
                     display: flex;
                     justify-content: space-between;
                     padding: 10px 0;

                     .left {
                         padding: 20px 10px;
                         color: #fff;
                         background-color: #e47f7f;
                         width: 15%;
                         height: 20px;
                         line-height: 17px;

                         div:nth-child(1) {
                             text-align: center;
                         }

                         div:nth-child(2) {
                             font-size: 10px;
                             text-align: center;
                         }
                     }

                     .right {
                         letter-spacing: 2px;
                         width: 78%;
                         font-size: 12px;
                         padding-left: 20px;
                     }
                 }
             }

             .l-m-para:hover {
                 border-bottom: 10px solid #c90000;

                 .left {
                     background-color: #c90000;
                 }
             }
         }
     }
 }

 // 教研动态
 .Research {
     padding: 20px 0;
     background-image: url(/image/7-min.png);
     width: 100%;

     .r-box {
         width: 80%;
         margin: 0 auto;

         .r-title {
             padding-top: 20px;
             text-align: center;
             font-weight: bold;

             div:nth-child(1) {
                 color: #c90000;
                 font-size: 25px;
                 position: absolute;
                 left: 46.2%;
             }

             div:nth-child(2) {
                 background: -webkit-linear-gradient(#d7d7d7, #f1f1f1);
                 -webkit-background-clip: text;
                 -webkit-text-fill-color: transparent;
                 padding-top: 6px;
             }
         }

         .r-content {
             padding-top: 40px;
             display: flex;
             justify-content: space-between;

             .r-c-left {
                 width: 49%;
                 position: relative;

                 img {
                     width: 100%;
                 }

                 .r-c-l-text {
                     position: absolute;
                     bottom: 20px;
                     color: #fff;
                     line-height: 40px;
                     text-align: center;
                     background-color: rgba(0, 0, 0, 0.5);
                     width: 100%;
                 }
             }

             .r-c-right {
                 width: 49%;
                 padding-left: 10px;

                 ul {
                     color: #b3b3b3;

                     li {
                         height: 65px;
                         line-height: 65px;

                         .r-c-text {
                             display: flex;
                             justify-content: space-between;
                             align-items: center;
                         }

                         .r-c-line {
                             height: 1px;
                             width: 100%;
                             background-color: #d5d5d5;
                         }
                     }

                     li:hover {
                         color: #c90000;
                     }
                 }
             }
         }
     }
 }

 // 社会服务
 .serve {
     padding: 20px 0;

     .serve-box {
         width: 80%;
         margin: 0 auto;

         .s-title {
             padding-top: 20px;
             text-align: center;
             font-weight: bold;

             div:nth-child(1) {
                 color: #c90000;
                 font-size: 25px;
                 position: absolute;
                 left: 46.2%;
             }

             div:nth-child(2) {
                 background: -webkit-linear-gradient(#d7d7d7, #f1f1f1);
                 -webkit-background-clip: text;
                 -webkit-text-fill-color: transparent;
                 padding-top: 6px;
             }
         }

         .s-content {
             padding-top: 40px;
             display: flex;
             justify-content: space-between;

             .s-c-left {
                 width: 49%;

                 .img {
                     width: 100%;

                     img {
                         height: 250px;
                         width: 100%;
                     }
                 }

                 .s-c-l-para {
                     padding: 20px;
                     border: 1px solid #c90000;
                     border-top: none;
                     margin-top: -7px;

                     div {
                         margin: 10px 0;
                     }

                     div:nth-child(1) {
                         font-weight: bold;
                     }

                     div:nth-child(2) {
                         font-size: 15px;
                         color: #444444;
                     }

                     div:nth-child(3) {
                         img {
                             width: 3%;
                         }
                     }
                 }
             }

             .s-c-right {
                 width: 49%;

                 .s-c-r-t {
                     margin-bottom: 10px;
                     box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
                     height: 200px;
                     line-height: 200px;
                     display: flex;
                     align-items: center;
                     padding-left: 50px;

                     div {
                         margin-left: 20px;
                         color: #c90000;
                         font-size: 30px;
                         font-weight: bold;
                     }
                 }

                 .s-c-r-b {
                     box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
                     height: 200px;
                     line-height: 200px;
                     display: flex;
                     align-items: center;
                     padding-left: 50px;

                     div {
                         margin-left: 20px;
                         color: #c90000;
                         font-size: 30px;
                         font-weight: bold;
                     }
                 }
             }
         }
     }
 }

 // 主题活动
 .box4 {
     height: 560px;
     margin-top: 20px;
     padding-top: 20px;
     position: relative;
     background-color: #f8e5e6;

     .box4title {
         text-align: center;
         padding-top: 20px;
         position: relative;
         margin-bottom: 60px;

         .box4title1 {
             background: linear-gradient(to bottom, rgb(207, 206, 206), rgb(255, 255, 255));
             /* 设置背景以文字进行裁切 */
             background-clip: text;
             -webkit-background-clip: text;
             /* 设置文本颜色透明以露出后面裁切成文本形状的渐变背景 */
             color: transparent;
             font-size: 20px;
             font-weight: bold;
         }

         .box4title2 {
             color: #c90000;
             font-weight: bold;
             font-size: 30px;
             position: absolute;
             left: 46%;
             top: 18%;
         }
     }

     .box4center {
         width: 80%;
         margin: auto;
         height: 380px;
         display: flex;
         justify-content: space-between;

         .box4center1 {
             width: 23%;
             border-radius: 25%;

             &:hover {
                 margin-top: -30px;

                 .box4center1-1 .box4center1-1font {
                     width: 258px;
                     height: 95px;
                     background-color: rgba(168, 197, 226, 0.6);
                 }
             }

             .box4center1-1 {
                 position: relative;

                 img {
                     width: 100%;
                 }

                 .box4center1-1font {
                     position: absolute;
                     top: 0;
                     width: 311px;
                     height: 131px;
                     text-align: center;
                     color: #fff;
                     font-size: 20px;
                     padding-top: 80px;
                 }
             }

             .box4center1-2 {
                 background-color: #fff;
                 text-align: center;
                 padding: 20px 20px 40px;
                 font-size: 20px;
             }
         }
     }

     .box4bottom {
         text-align: center;
         margin: 20px 0 30px;
         color: #c1bfbf;

         img {
             width: 15px;
             height: 15px;
             -moz-transform: rotate(-180deg);
             -webkit-transform: rotate(-180deg);
         }
     }
 }

 // 马院风采
 .mien {
     padding: 20px 0;

     .m-title {
         padding-top: 20px;
         text-align: center;
         font-weight: bold;

         div:nth-child(1) {
             color: #c90000;
             font-size: 25px;
             position: absolute;
             left: 46.2%;
         }

         div:nth-child(2) {
             background: -webkit-linear-gradient(#d7d7d7, #f1f1f1);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
             padding-top: 6px;
         }
     }

     .box5center {
         padding-top: 30px;
         margin-bottom: 40px;

         .mien-img {
             display: none;
         }

         .swiper {
             width: 100%;
             height: 100%;
         }

         .swiper-slide {
             background: #fff;
             display: flex;
             justify-content: space-between;
             align-items: center;
         }

         .swiper-slide img {
             display: block;
             width: 100%;
             height: 200px;
             object-fit: cover;
         }
         .more{
            display: none;
         }
     }

     .mein-bottom {
         padding: 20px 40px 10px 40px;

         ul {
             list-style-type: none;
             display: flex;
             justify-content: center;

             li {
                 margin-left: 20px;
             }

             li:nth-child(1) {
                 font-weight: bold;
             }
         }
     }
 }

 // 底部
 .bottom {
     padding: 50px 0 70px 0;
     background-color: #c92c30;
     position: relative;

     .bottom-box {
         width: 80%;
         margin: auto;
         padding-left: 20px;

         .bottom-content {
             display: flex;
             justify-content: space-between;
             align-items: center;

             .bottom-left {
                 width: 33%;
                 text-align: center;

                 img {
                     width: 100%;
                 }
             }

             .bottom-middle {
                 width: 45%;
                 display: flex;
                 justify-content: space-between;
                 color: #fff;
             }

             .bottom-b-right {
                 width: 10%;

                 img {
                     width: 50%;
                     height: 65px;
                 }
             }
         }
     }

     .b-b-line {
         position: absolute;
         color: #fff;
         background-color: rgba(0, 0, 0, 0.5);
         width: 100%;
         line-height: 50px;
         bottom: 0.7px;
         font-size: 15px;
         text-align: center;
     }
 }